<template>
    <div>
      <div class='mb-7'>
        <Header></Header>
      </div>
    <div class="container1 context container">
        <router-view :key="this.$route.fullPath"></router-view>
    </div>
    <footer class="footer has-text-grey-light has-background-grey-darker" >
      <div class="content has-text-centered">
        <p>{{$t('common.xidian')}}</p>
        <p class="mt-3 has-text-grey-light"> @copyright 2021 Xidian Blog by Group A8</p>
      </div>
      <back-top></back-top>
    </footer>
    </div> 
</template>
<script>
import Header from "@/components/Layout/Header";
import BackTop from "@/components/BackTop/BackTop"
export default {
  name: "App",
  components: { Header,BackTop},
};
</script>

<style scoped>

.container1 {
  min-height: 500px;
}
.mb-7{
  margin-bottom: 70px;
}
.yellow{
  color:yellow;
}
</style>
 

